<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>发现</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="./front/iconfont.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<!-- 大盒子S -->
		<div class="web">
			<!-- 头部s -->
			<header>
				<!-- 返回上一层 -->
				<div class="back">
					<a href=""><span>BACK</span></a>
				</div>

				<!-- 中间 -->
				<div class="itemize">
					<span>发现</span>
				</div>

				<!-- 地理 -->
				<div class="city">
					<select>
						<option selected>广州市</option>
						<option>深圳市</option>
						<option>北京市</option>
						<option>佛山市</option>
					</select>
				</div>
				<!-- 头部E -->
			</header>
			<div class="main_list">
				<div class="search_Big">
					<!-- 搜索框S -->
					<div class="search_box">
						<input placeholder="请输入商品名称">
						<i class="iconfont icon-sousuo "></i>
					</div>
					<!-- 搜索框E -->
				</div>

				<!-- 大家在搜 -->
				<div class="word">
					<h3>大家在搜</h3>
				</div>
				<div class="data">
					<div class="Interest"><a href="">寿司</a></div>
					<div class="Interest"><a href="">羽毛球</a></div>
					<div class="Interest"><a href="">火锅</a></div>
					<div class="Interest"><a href="">游泳馆</div>
				</div>
				<div class="data">
					<div class="Interest"><a href="">电影</a></div>
					<div class="Interest"><a href="">周黑鸭</a></div>
					<div class="Interest"><a href="">KTV</a></div>
					<div class="Interest"><a href="">肯德基</a></div>
				</div>

				<!-- 热门搜索 -->
				<section class="list_data">
					<!-- 1 -->
					<div class="tittle">
						<i class="iconfont icon-hot"></i>
						<p>热门搜索</p>
						<a href="">
							<span>更多</span>
							<i class="iconfont icon-youjiantou-"></i>
						</a>
					</div>
					<!-- 图片 -->
					<div class="data_photo">
						<div class="photo_left">
							<img src="img/eat02.png">
						</div>
						<div class="photo_right">
							<div class="photo_top">
								<img src="img/发现_05.jpg">
							</div>
							<div class="photo_bottom">
								<div class="bottom_p">
									<img src="img/eat01.png">
								</div>
								<div class="bottom_p">
									<img src="img/发现_10.jpg">
								</div>
							</div>
						</div>
					</div>
					<!-- 2 -->
					<div class="tittle">
						<i class="iconfont icon-hot"></i>
						<p>推荐搜索</p>
						<a href="">
							<span>更多</span>
							<i class="iconfont icon-youjiantou-"></i>
						</a>
					</div>
					<div class="data_photo1">
						<!-- 1 -->
						<div class="list_photo1">
							<img src="img/005_07.jpg">
						</div>

						<!-- 2 -->
						<div class="list_photo1">
							<img src="img/yundong01.png">
						</div>

						<!-- 3 -->
						<div class="list_photo1">
							<img src="img/dianying02.png">
						</div>
					</div>
				</section>
			</div>
			<!-- 尾部 -->
			<footer>
				<div class="footer_nav">
					<a href="index.html">
						<i class="iconfont icon-shouye"></i>
						<p>首页</p>
					</a>
				</div>

				<div class="footer_nav">
					<a href="item.html">
						<i class="iconfont icon-leimupinleifenleileibie"></i>
						<p>分类</p>
					</a>
				</div>

				<div class="footer_nav">
					<a href="discover.html">
						<i class="iconfont icon-73faxian"></i>
						<p>发现</p>
					</a>
				</div>

				<div class="footer_nav">
					<a href="mine.html">
						<i class="iconfont icon-wode"></i>
						<p>我的</p>
					</a>
				</div>

			</footer>


			<!-- 大盒子E -->
		</div>


	</body>
</html>
